<template>
  <div class="view">
    <!--<div class="item"><item :info="item" v-for="item in infos"></item></div>-->
    <item :info="item" v-for="item in infos"></item>
  </div>
</template>

<script>
  import Item from "./Item.vue"

  export default {
    name: "Right",
    components: {
      Item
    },
    data() {
      return {
        infos: [
          {url:  new URL("@/assets/temporary/cover.png", import.meta.url), content: "土味云顶01：打工皇帝的工具人体验", up: "like小丑的龟田志豪", num: 74},
          {
            url:  new URL("@/assets/img/recom/video2.png", import.meta.url),
            content: "LOL水浒限定套路 赵教头风雪山神庙[有点骚东西]！",
            up: "上海滩许Van强",
            num: 96.5
          },
          {
            url:  new URL("@/assets/img/recom/video3.jpg", import.meta.url),
            content: "【天音彼方3D】天音彼方3D披露会！快来看！",
            up: "天音彼方Official",
            num: 5.2
          },
          {url:  new URL("@/assets/img/recom/video4.jpg", import.meta.url), content: "【敖厂长】一个重要决定和一些真心话！", up: "敖厂长", num: 263.0},
          {url:  new URL("@/assets/img/recom/video5.jpg", import.meta.url), content: "《病人》！", up: "SFV587", num: 45.3},
          {
            url:  new URL("@/assets/img/recom/video6.jpg", import.meta.url),
            content: "公主焊接全角色详解，包括培养建议角色强度周期以及该不该抽，你想知道的这里都有！",
            up: "dae-浮沫",
            num: 10.3
          }

        ]
      }
    }
  }
</script>

<style scoped>
  .view {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    height: 71%;
    justify-content: space-between;
    align-content: space-between;
  }
  /*.item{*/
    /*flex:0 0 30%;*/
    /*height: 50%;*/
    /*width: 33%;*/
    /*!*margin-bottom: 10px;*!*/
  /*}*/
</style>